// global.scss
$primary-color: #444444; // 定义主题颜色变量
$orange-color: #d5774f; //

body {
  color: $primary-color; // 使用主题颜色变量
}

.text-orange{color:$orange-color;}


$size: 50;
@for $i from 10 to $size {
  .base-font-#{$i} {
	font-size: $i+px;
  }
}



$size: 60;
@for $i from 1 to $size {
  .padding-tb-#{$i} {
    padding-top:$i+px;
    padding-bottom:$i+px;
  }
	.padding-#{$i}{
		padding: $i+px;
	}
  .padding-left-#{$i} {
	padding-left: $i+px;
  }
  .padding-right-#{$i} {
  	padding-right: $i+px;
  }
  .padding-top-#{$i} {
  	padding-top: $i+px;
  }
  .padding-bottom-#{$i} {
  	padding-bottom: $i+px;
  }
  .margin-left-#{$i} {
  	margin-left: $i+px;
  }
  .margin-right-#{$i} {
  	margin-right: $i+px;
  }
  .margin-top-#{$i} {
  	margin-top: $i+px;
  }
  .margin-bottom-#{$i} {
  	margin-bottom: $i+px;
  }
  .margin-tb-#{$i} {
    margin-top:$i+px;
    margin-bottom:$i+px;
  }
  .margin-lr-#{$i} {
    margin-left:$i+px;
    margin-right:$i+px;
  }
}

$ellipsis: 10;
@for $i from 1 to $ellipsis {
 .ellipsis#{$i}{
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
 	-webkit-line-clamp: $i;
 	overflow: hidden;
 	word-break: break-all;
 }
}
